<template>
	<div>
		<!-- 首页部分 -->
		<van-nav-bar title="首页" />
		<!-- 搜索部分 -->
		<van-search v-model="value" disabled placeholder="请输入搜索关键词" />
		<!-- 轮播图部分 -->
		<van-swipe :autoplay="3000" lazy-render>
			<van-swipe-item v-for="image in images" :key="image">
				<img :src="image" style="width: 375px;height: 200px;" />
			</van-swipe-item>
		</van-swipe>
		<!-- 排版部分 -->
		<van-row>
			<van-col span="8">
				<img src="../../../assets/QQ浏览器截图20251016103653.png" style="width: 375px;height: 690px;" alt="">
			</van-col>
		</van-row>

	</div>
</template>

<script setup>

const images = [
	'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
	'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
	'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
	'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
];

</script>

<style lang="scss" scoped>

</style>
